import { useCompanyInfo } from '@/components/Header/hook'
import { HomeWelcomeContext } from './context'
import useIndexHook from './servers/indexServer'
import { StyledWelcomeHome } from './styles/homeStyle'

const HomeView = () => {
	const { homeData, ...useHook } = useIndexHook()
	const { companyInfo } = useCompanyInfo()
	return (
		<StyledWelcomeHome className="home-welcome-wrap">
			<HomeWelcomeContext.Provider
				value={{
					homeWelcomeData: homeData,
					setHomeWelcomeData: useHook.setHomeData,
				}}
			>
				<p className="paragraph version"></p>
				<div className="system-name">
					<span className="line"></span>
					<span className="text">欢迎进入{companyInfo.systemName}</span>
					<span className="line"></span>
				</div>
			</HomeWelcomeContext.Provider>
		</StyledWelcomeHome>
	)
}
export default HomeView
